<template>
	<view>
		<view class="barbackground">
			<view class="borde3">
				<text class="bartitle">可提现余额（元）</text></br>
				<text class="baramount">￥16732.26</text>
			</view>
		</view>
		<uni-card class="card">
			<view class="upview">
				<image class="carsize" src="../../../static/purseimg/公司图标.png"></image>
				<view class="begin">贵州世德物流有限公司</view>
				<view class="point">········································································</view>
				<view class="end1">可提现余额（元）</view>
				<view class="end">14234.7</view>
				<uni-collapse :accordion="true" class="bar-detail">
					<text class="text1">提现</text>
				</uni-collapse>
			</view>
		</uni-card>

		<uni-card class="card">
			<view class="upview">
				<image class="carsize" src="../../../static/purseimg/公司图标.png"></image>
				<view class="begin">山西世德科技有限公司</view>
				<view class="point">········································································</view>
				<view class="end1">可提现余额（元）</view>
				<view class="end">2497.6</view>
				<uni-collapse :accordion="true" class="bar-detail">
					<text class="text1">提现</text>
				</uni-collapse>
			</view>
		</uni-card>

		<view class="boder-illustrate">
			<text style=" font-size: 16px; color: blue;">*说明</text>

			<view style="margin-top: 2%;">
				<text
					style="font-size: 16px; color: #646464; padding-top: 1%;">您与上述公司已签订运输合作协议，运输完成且货物无异常，运费将支付至您对应账户内。</text>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.barbackground {
		background: linear-gradient(180deg, #002aea 0%, #147def 49%, #007aff 51%, #5296e3 100%);
		height: 110px;
	}

	.bartitle {
		color: rgba(241, 241, 241, 0.6);
		position: absolute;
		left: 35%;
		top: 3%;
	}

	.begin {
		position: absolute;
		top: 12%;
		left: 13%;
		color: #0055ff;
		font-size: 16px;
	}

	.end1 {
		color: rgba(76, 76, 76, 0.8);
		font-size: 16px;
		margin-left: 1%;
	}

	.end {
		color: #000000;
		font-size: 34px;
		margin-top: 10px;
	}

	.baramount {
		color: #fff;
		font-size: 34px;
		position: absolute;
		left: 25%;
		top: 7%;
	}

	.text1 {
		position: absolute;
		left: 77%;
		font-size: 14px;
		color: #ffffff;
		font-weight: 600;
	}

	.bar-detail {
		flex-direction: row;
		align-items: center;
		height: 35px;
		width: 25%;
		margin-left: 72%;
		margin-top: -9%;
		background-color: #002aea;
		border-radius: 20px;
	}

	.carsize {
		width: 45rpx;
		height: 45rpx;
		margin-top: 1%;
	}

	.boder-illustrate {
		margin: 50px auto;
		width: 92%;
	}
</style>